<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/search.css">
</head>
<body>
<div class="main">
    <div class="search__header">
        <div class="search__header_con">
            <a href="#"><img src="image/back.png" class="search__header_img"></a>
            <span>搜索</span>
        </div>
      </div>
    <div class="search__content">
            <div class="search__content__min">
                <input class="search__content__Search_box" type="text" placeholder="微信">
                <a href="#"><img src="image/search.png" alt="" class="search__content_img"></a>
            </div>
      <span class="search__content__cancel">取消</span>
    </div>
    <hr color="#E9E9E9">
    <div class="search__footer">
        <div class="search__footer__recent">
            <span></span><span>最近搜索</span><span></span>
        </div>
        <ul class="search__footer__Keyword">
            <li><a href="#">最近搜索1</a></li>
            <li><a href="#">最近搜索1</a></li>
            <li><a href="#">最近搜近搜索1</a></li>
            <li><a href="#">最近搜索1</a></li>
            <li><a href="#">最近搜近搜索1</a></li>
            <li><a href="#">最近近搜近搜搜索1</a></li>
        </ul>
    </div>
</div>
<script src="js/jquery-3.2.1.js"></script>
</body>
</html>